﻿.branch-end-node {
    display: flex;
    flex-grow: 1;
    width: 100%;
    height: 2px;
}

    .branch-end-node .branch-left-line,
    .branch-end-node .branch-center-line,
    .branch-end-node .branch-right-line {
        position: relative;
        height: 100%;
    }

    .branch-end-node .branch-left-line,
    .branch-end-node .branch-right-line {
        flex-grow: 1;
    }

    .branch-end-node .branch-center-line .v-line {
        position: absolute;
        left: calc(50% - 1px);
        width: 2px;
        height: 100%;
        border-left: 2px solid var(--wf-node-line-color);
    }

    .branch-end-node .branch-left-line .h-line,
    .branch-end-node .branch-right-line .h-line {
        position: absolute;
        bottom: 0;
        width: calc(100% + 10px);
        height: 2px;
        border-top: 2px solid var(--wf-node-line-color);
    }

    .branch-end-node .branch-left-line .h-line {
        right: 0;
    }

    .branch-end-node.early-end .v-line {
        border-left-style: dashed;
    }
